دفتر تحضيرمادة الحاسب الآلي الصف 
الانى الإعدادي 


الفصل الدراسى الأول 


الأسم : ا ااا ااا ب_ذ_ب1 1 1 11111111 

المدرسة : لقان لحن اوه واد جب وبا سونو و و ال ا و د 

الإدارة التعليمية التابع لها : للهةهة64646هةةة464):< 7203733 ةي ا ga.‏ 
المؤهل الدراسى : 03131717131#310100000000[#[ةا[#أ#أ[ا اما ا ا ا ااا 

e 

مادة التدريس: ا ااا ةا 
المدرسة الأساسدية : 07000 ش55/*دد6/ئ6ءةءتا( SS OL‏ 
المديسة المنقي اة 111آ1ةا111 ا ااال 


تاريخ التعيين : ١ 43 E E E‏ 
الوظيفة على الكادر: ا و و N‏ 


كود المعلم : 711100 


0 0 
: لف‎ 
See : 
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ت 

چ ااال امال 
5 51 1 1 01 01 01 1 اك 
1 51 91 91 1901 1901 591 591 | 

مس1 الاج سس ٠:‏ 
ال 91 591 91 91 191 191 3091 اك | 


تكاك تك كم ك كك كك كك ل 
SATII 11001 101 8001 1 81 81 mw‏ 
اك اك لكل كذ كذ اكككا كك لكا كا أ 
TIT‏ 5 1 56 51 501 ك2 
1 1 1 5 1 11 51 501 كك 
اسل | | | 1 1 1 I1I‏ 
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| اا 


الأهداف العامة لمادة الكمبيوتر وتكنولوجيا المعلومات والاتصالات 


فى نهاية الفصل الدراسى الأو[ينبغى ان يكون الطالب قادرا على: 
«تعريف بعض العمليات والمفاهيم الخاصة بإنشاء صفحات الويب. 
#تفريف يعض المغاهيم والغمقياتالأساسية لخدمات وتظبيقاك تكنولوجيا اتمغلومات والاتصالات. 


«فهم بعض جوانب الأمن الفكري المتعلقة باستخدام تكنولوجيا المعلومات والإتصالات. 


و dh‏ . 
«استخدام أدوات الإنتاج التكنولوجي (لغة ٣٤١١‏ - الوسائط المتعددة "صوت صورة فيديو") في دعم 
تعلمه. ۴ هّ 
:9 
«إنتاج مشروع (تصميم موقع ويب ) باستخدام العمليات والبرامج والأدوات التكنولوجية. dé‏ 
«توظيف أدوات الإتصال التكنولوجية في تبادل المحتوي والرؤى مع الآخرين. 3 
«استخدام المصادرالإلكترونية في التعامل مع المعلومات. 3 
D. 0‏ 
«استخدام الأدوات التكنولوجية في معالجة البيانات وتقييمها وإعداد تقارير بالنتائج اي 


إعداد وتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص عر كير 


/ 
ٍ ليا 
1 


الأهداف الخاصة لمادة الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
فى نهاية الفصل الدراسى الأو[ينبغى ان يكون الطالب قادرا على: 


* يتعرف مفهوم (موقع الويب - صفحة الويب - الصفحة الرئيسية). 

" يستنتج مكونات موقع الويب. 

" يوضح عناصر صفحة الويب (نص - صورة - فيديو- ارتباط تشعبي......) 
يوضح مراحل إنشاع موقع ويب. 

د يحددعناصر صفحات الويب. 

" يدرك أهمية التخطيط لإنشاء صفحة الويب 

يتعرف برنامج إنشاء ومعالجة الصوت. @ ' 
*ء يستخدم برنامج راء هل ں۸ لإنشاء ومعالجة ملفات الصوت . 
٠"‏ يجهزمايلزم لإنشاء ملفات الصوت 

* يجري تعديلات بمقاطع الصوت. 

« يفرق بين انواع امتدادات الصوت المختلفة. 

٠‏ يصدرمقطع الصوت لإمتداد مناسب 

« يتعرف بعض برمجيات معالجة وإنشاع الفيديو . 

" يستورد ملفات صوت وصورة لإنشاء ملفات فيديو. 

" ينشئ مشاهد فيديو 

٠‏ يحفظ ملف مشروع الفيديو. 

» يضيف (تأثيرات) لمشاهد الفيديو. 

٠‏ يصدر الفيديو إلى ملف بامتداد مناسب 

» يضيف ( مراحل انتقالية/ نص) لمشاهد الفيديو. 

٠‏ يصدر الفيديو إلى ملف بامتداد مناسب. 

» يميزبين امتدادات ملف الفيديو 

* يدرج صورة إلي صفحة الويب. 

« يتحكم في أبعاد الصورة. 

٠"‏ يتعرف مهارات التعامل مع الصوربصفحة الويب 
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التاريخ 
الحصة 
الفصل 


الاستراتيجية العصف الذهني - الحوار والمناقشة - 
١‏ التعلم بالأقران 
الوسائل التعليمية السبورة الإلكترونية - العرض 
تون التقديمي 


: ص - 
الوحدة الأولي (مواقع الويب) 
الدرس الأول - مفاهيم وأساسيات مواقع الويب 
الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون طالب قادرا“ علي أن:- 
" يتعرف مفهوم (موقع الويب - صفحة الويب - الصفحة الرئيسية). 
* يستنتج مكونات موقع الويب. 


" يوضح عناصر صفحة الويب (نص - صورة - فيديو- ارتباط تشعبي......) 
التمهيد: مم يتكون موقع الويب؟ ا 
ست 
عسش ال دس ْ 
ال موقع الويب:- عبارة عن صفحة ويب أو أكثر مترابطة مع بعضها تحت أسم معين. موقع الويب: 4 ه< 
- له عنوان على شبكة الأنترنت يسمى بعنوان الموقع00:655ث لاه الا :9 : 
-ويمكن زيارة موقع الويب من خلال الكمبيوتر أو الهاتف المحمول. ا 
8 صفحة الويب 5396 داه /الا:- هى مستند به محتوى الكترونى ينشر على شبكة الأنترنت ويتم عرضة من خلال برنامج 2 ) © بن 
مستعرض الأنترنت. 2 | 
2 الصفحة الرئيسية ©2296 1076 :- هى أول صفحة فى موقع الويب والتى من خلالها يتم الأنتقال لباقى صفحات هع 
الموقع. يو 0 
الا عناصر صفحة الويب:- : 
أ. نص 
آ. صورة 
'"'. فيديو 


. ارتباط تشعبي 
اغا صفحات الويب الثابتة ©5206 اع ل/الاء51211:- تستخدم صفحات الويب الثابتة لعرض معلومات يتم الإطلاع عليها 
فقط بدون إجراء أى معالجة من الزائرين لمحتواها تستخدم أوامر ١171/1‏ فى تصميم هذا النوع من الصفحات . 
اغا صفحةالويب التفاعلية65 520 داع لالاع11612110!:- هى صفحة معلومات تعرض محتوى يتيح للزائرين التفاعل معه 
ومعالجته لتصميم هذا النوع من صفحاتالويب تستخدم أوامر 171/1 بالإضافة للغات أخرى مثل لغة 5611014 303ل, لغة 


۴ وغيرها. 
التقويم: أكمل:- من عناصر صفحة الويب E‏ 
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r‏ ا 


التاريخ 


الحصة 
الفصل 
د تداتتحبكه العصف الذهني - الحواروالمناقشة قشة 4 
0 التعلم التعاوني 
الوسائل التعليمية السبورة الإلكترونية - العرض 
نوكن التقديمي 


الدرس الثاني - مراحل وتصميم أنشاء مواقع الويب 
الأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي آن:- 
يوضح مراحل إنشاء موقع ويب. 
١‏ يحددعناصر صفحات الويب. 
يدرك أهمية التخطيط لإنشاء صفحة الويب. 


التمهيد: ماهي مراحل تصميم وإنشاء موقع ويب؟ 


8 المرحلة الأولى: التخطيط لبناء موقع الويب 
-يتم فى هذة المرحلة عمل رسم تخطيطى بسيط على الورق يتضمن صفحات الموقع (الصفحة الرئيسية للموقع 
وصفحات الويب المرتبطة بها.) 
- تحديد البيانات والمعلومات التى تتضمنها صفحات الويب كمعلومات وخدمات تقدم من خلال الموقع حسب الحاجة. 
لغ المرحلة الثانية: تصمىم صفحات الموقع 
هذه المرحلة من أهم المراحل وفىها ىتم: 
- تصميم شكل الصفحة الرئيسية وصفحات الموقع. 
- تحديد التنسيقات المختلفة لصفحات الويب مثل لون الخلفية. حجم الخط .لونه »نوعه أماكن وضع النصوص الصور 
.ولقطات الفيديو بصفحات الويب. 
- تحديد الإرتباطات التشعبية داخل الصفحة الرئيسية وصفحات الموقع. 
6# المرحلة الثالثة: الإعداد والتجهيز 
تتضمن مرحلة الإعداد والتجهيز عدة خطوات هامة وهى: 
- من خلال أحد منسقات النصوص يتم إعداد وتجهيز البيانات النصية التى سوف توضع فى صفحات الويب . حفظ النص 
داخل ملف نص ووضعه داخل مجلد. 
- إعداد وتجهيز ملفات الصورووضعها داخل مجلد. 
إعداد وتحهيز ملفات الصوت والفيديو وحفظها داخل احد المجلدات وسوف يتم تناول إنشائها وحفظها لاحقا . 
ذا المرحلة الرابعة: مرحلة التنفيذ 
- هى مرحلة تحويل التصميم الورقى بالمراحل السابقة إلى صفحات ويب يمكن عرضها خلال أحد برامج متصفحات 
الأنترنت . 
- إضافة البيانات ( نصوص - صور - صوت - فيديو ) فى صفحات الويب. 
-إنشاء الإرتباطات التشعبية بين صفحات الويب حتى يسهل التنقل بين صفحات الموقع ويتم ككل ذلك بإستخدام 
لغات برمجة وأوامر ا1۲۷ 
8 المرحلة الخامسة: نشرالموقع عبرالانترنت 
وهذة المرحلة تتضمن حجزعنوان للموقع .تخصيص مساحة تخزينية للموقع على أحد أجهزة الخادم »نشرالموقع عبر 


الإنترنت وإعداده للعمل بشكل صحيح. 0 
التقويم: أكمل:- ...لهي مرحلة تتضمن تخصيص مساحة 2 بت 
تخزينية للموقع على أحد أجهزة الخادم ® 
ص 
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a |‏ صا 


التاريخ 


الحصة 
الفصل 
الاستراتيجية العصف الذهني - الحوار والمناقشة 


التدري يب العملي 
الوسائل التعليمية السبورة الإلكترونية - العرض 
' - التقديمي - برنامج Audacity‏ 


الدرس الثالث - إنشاء ومعالجة ملفات الصوت 
الأهداف الإجرائية: بنهاية الدرس ينبغي أنكون الطالب قادرا علي أن:- 
٠"‏ يتعرف برنامج إنشاع ومعالجة الصوت. 
يستخدم برنامج 18أ© 61023 لإنشاع ومعالجة ملفات الصوت . 
٠‏ يجهزمايلزم لإنشاء ملفات الصوت. 


التمهيد: كيف يمكن إنشاء ملف صوت؟ dé‏ 
سا سا اا سا سي ا سي سس سم . 
1 
ر عض ال درس | ' 
]ا هناك العديد من البرامج التى تستخدم فى التعامل مع ملفات الصوت وتمكن المستخدم من إنشاء ومعالجة ملفات 1 
الصوت بطرق سهلة وجيدة . جة 
60 إنشاء ملف صوت: .© 
يمكن إنشاء ملف صوت يحتوى على المقاطع الصوتية المطلوبة وإضافة التأثيرات المختلفة على المقطع الصوتى ثم حفظ a‏ 
الصوت داخل ملف ولإنشاء الملف الصوتى نحتاج إلى أحد برامج معالجة الصوت. ۰ 8 
اذا مرحلة مداه والتجهيز #نشاء ملف صوة لصون 0 
جمع البيانات التى سوف يتم تسجيلها صوتيا. 4 ت 
- التأكد من المكونات البرمجية (, ند تيت أحد برامع إنشاء وقدالجة الضوت عان أجهزة الكمبيوتر بالمعمل). ١‏ © , 
- التأكد من توصيل المكونات المادية ( توصيل الميكروفون ' Mic’‏ " - السماعات " Speakers‏ ") بحهار الكشيوقل 1 
ل مرحلة التنفيذ لإنشاء ملف الصوت : يي 
- تحميل أحد برامج إنشاء ومعالجة الصوت. , 
- تسجيل الصوت بالضغط على زرالتسجيل ¬ټbutt Record‏ 1 


- إدخال البيانات النصية للكمبيوتر بإاستخدام الميكرفون. 

- للانتهاع من التسجيل بالضغط على زر الإيقاف م5107 

- الضغط على زرالتشغيل 51210 

- للإستمتاع إلى الصوت من خلال السماعات. 
لغ التعديل فى الصوت: 
بعد الاستماع إلى الصوت الذى تم تسجيلة قد يكون هناك الحاجة إلى إضافة تأثيرات على الصوت ( حذف أو قص جزء من 
الصوت ولقصة فى أماكن اخرفى مقاطع الصوت. 
ا إضافة تأثير على مقاطع الصوت: 

-تشقيل الصوت بالضغط على زرالتشغیل gPlay‏ الأستماع| إليه. 

-تحديد مقطع الصوت المطلوب إضافة التأثيرله -- بالضغط ا على الجزء المطلوب بالصوت بإستخدام 
مؤشرالقراءة على الشريط الزمنى. 


- من قائمة 21161 يتم إختيا ر أحد التأثيرات المطلوبة . 


التقويم. ‏ أكمل: لإضافةتأثيرات علي مقاطع الصوت من قائمة ل 
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1 روصا 


التاريخ 


الحصة 
الفصل 
الاستراتيجية العصف الذهني - الحواروالمناقشة - 


التدريب العملي 
الوسائل التعليمية السبورة الإلكترونية - العرض 
' - التقديمي - برنامج Audacity‏ 


gS :‏ 
الوحدة الأولي (مواقع الويب) 
الدرس الرابع -تابع إنشاء ومعالجة ملفات الصوت 
الأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
*" يجري تعديلات بمقاطع الصوت . 
٠‏ يفرق بين انواع امتدادات الصوت المختلفة . 
٠‏ يصدرمقطع الصوت لإمتداد مناسب. 


التمهيد: كيف يمكن إضافة تعديلات علي ملف صوت؟ 


لأا قص ولصق مقطع صوتى : 
- تحديد المقطع الصوتى المطلوب نقله من قائمة 5015 اختار†u٥‏ . 
- تحريك مؤشرالقراءة بالشريط الزمني إلى المؤشر المطلوب عمل لصق للمقطع الصوتى عنده» من قائمة 01 اختار 
Paste‏ . 
- إعادة تشغيل الصوت من زرالتشغيل و الأستماع إلية . 
للاحذف مقطع : 
- تحديد الموقع الصوتى الصوتى المطلوب حذفه. 
- الضغط على مفتاح " ٠٠اه‏ " من لوحة المفاتيح فيتم حذف المقطع الصوتى الذى يتم حذفه. 
En‏ تصدير ملف الصوت: 
- تصدير ملف الصوت من خلال قائمة " "File‏ اختيار "Export Audio”‏ . 
- تحديد الأمتداد المناسب لملف الصوت. 
- حفظ ملف الصوت داخل مجلد "١۲0م"‏ 
لط انواع امتداد ملفات الصوت: 
هناك أنواع مختلفة من ملفات امتدادات الصوت 1/153 ,۷۸۷ وهى تختلف فى جودة ونقاع الصوت والمساحة التخزينية 
وعلى حسب الحاجة يتم استخدام امتداد الملف المناسب. 


MP3 WAV 
۷۸۷ الجودة والنقاء يتميزبالجودة والنقاء أقل نقاء بالمقارنة ب‎ 
حجم الملف سعته التخزينية كبيرة سعته التخزينية أقل‎ 


التقويم: أكمل:- هناك أنواع مختلفة من ملفات امتدادات الصوت منها 


إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص FT -TTE‏ 


ف مس02 ا _ض 


التاريخ 


الحصة 
الفصل 
الاستراتيجية العصف الذهني - الحوار والمناقشة 


التدريب العملي 
الوسائل التعليمية السبورة الإلكترونية - العرض 
التقديمي - برنامج OpenShot‏ 


SD 
الوحدة الأولي (مواقع الويب)‎ 
الدرس الخامس -إنشاع ومعالجة ملفات الفيديو‎ 
الأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:-‎ 
يتعرف بعض برمجيات معالجة وإنشاع الفيديو.‎ « 
يستورد ملفات صوت وصورة لإنشاء ملفات فيديو.‎ " 
ينشئ مشاهد فيديو.‎ " 


التمهيد: كيف يمكن إنشاء ملف الفيديو؟ 


الل يوجد العديد من البرامج لأنشاء معالجة برامج الفيديو التى تستخدم فى انشاء فيديوهات ومنها " عاص 0ع»!" 


وبرنامج و "ا٥‏ ا٣٥‏ مه" وهى برامج مفتوحة المصدر كما يوجد برنامج 0e. . Movie maker‏ 

- نقوم بتحميل برنامج "51٠٠م‏ "لأنشاء ومعالجة الفيديو. يمكن الحصول عليه من الرابط 05101.01 مه. الاللاللا  ٠‏ ., 7 
é". 3‏ 

ا تتكون واجهة البرنامج من التالى: 09595 


DONNA > "ا"‎ ^ 


rain ar .!/1211 7001521 الشريط الرئيسى‎ 


Ako mage (‏ وملا إن بين 


ملفات المشروع ۴|٥‏ اعع[210, 
تبويب الوظائف 12 Function‏ . 
معاينة الفيديو .Preview Window‏ 
شربط التحرير:5011700152. 
التصغير والتكبير لاء 200177. 
رأس القرأة .Play head/ Ruler‏ 
الشريط الزمنى ©11576!15. 
اط الشريط الزمنى 56ذاء1120للبرنامج: لجسب 
-١‏ المسطرة :5811 (تظهر المدى الزمنى الحالى بالشريط E‏ 

؟- رأس القراءة ٠٠2۵‏ ردا (يقرأ الكليب الحالى الذى يقف علية فى الشريط الزمنى ليظهرفى نافذة معاينة الفيديو). 


“- الكليب الحالى (قد يكون صورة أو صوت أو لقطة فيديو). 5- المسارات 123©15. 
-١‏ إستيراد ملفات الصورداخل البرنامج. ؟ - ترتيب الصور على الشريط الزمنى 71071106 للبرنامج . 
“- إستيراد ملف الصوت داخل البرنامج. *- معاينة الفيديو. 


يمكنإسستيراد الملفات من قائمة ۲٥ا۴‏ ثم إختیار 5ا۴ 1517011 . 
٠‏ لإضافة ملف الصوت يتم الضغط على + ۴|۱۲ !500 بالشريط الرئيسى 700121 Nai”‏ 
٠‏ لحفظ الفيديو من قائمة ١ذ۴‏ أختر الأمر 25 أع010[6 ©521. 
التقويم: أكمل:- ...ء............يعتبر من البرامج الخاصة بأنشاع ومعالجة برامج الفيديو . 


إعداداوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص عر كر 


1 صا 


التاريخ 
الحصة 
الفصل 
العصف الذهني - الحوار والمناقشة - 
التدريب العملي 


الوسائل التعليمية السبورة الإلكترونية - العرض 
التقديمي -ڊرiنlمج OpenShot‏ 


الوحدة الأولي (مواقع الويب) 
الدرس السادس -تابع إنشاء ومعالجة ملفات الفيديو 
الأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 

د يحفظ ملف مشروع الفيديو. 

« يضيف (تأثيرات) لمشاهد الفيديو. 

يصدر الفيديو إلى ملف بامتداد مناسب. 


التمهيد: كيف يمكن إضافة تأثيرات لملف الفيديو؟ 4 
ا ال كا ا ك5 5 
1 
زٍ عطلرض ل ل درسن | / 
الغا حفظ مشروع الفيديو :Save Proje c†‏ ر و“ 
- من شريط القوائم الرئيسى "7001221 "i۸‏ یتم إختیار " 11" ثم إختيار" Save Project As‏ ". .© 


الغا تعديل مشاهد الفيديو 0 
بعد عمل معاينة لمشاهد الفيديو ( الصورمع الصوت) فقد يكون الصوت بالفيديو فترته الزمنية أكبر من الصور ويظهر 1 
ذلك فى الشريط الزمنی ©117©!1. 

62 التحكم فى الفترة الزمنية المخصصة للصوت مع مشاهد الصور 

- تحريك مؤشر القراءة وذلك بالضغط والسحب على رأسه ( أو بأستخدام 
الأسهم بلوحة المفاتيح ) حتى يصل لأخر مكان على الشريط الزمنى ينتهى 
عند ظهوراخر صورة فى مشهد الفيديو. 


- الوقوف بمؤشر الفأرة على مسار الصوت ( )7:21 ) والضغط بالزرالأيمن 
للفأرة 5 

- ومن القائمة المختصرة التى تظهريتم اختيار شريحة الكليب Slice Clip‏ أ E‏ أ 
ثم .Keep leftslide‏ و 


عند أختيا ر أمرشريحة الكليب مذا٥‏ م5116 تظهرالأختيارات التالية: 
Both Slides -‏ مee×:‏ - يتم عمل انقسام فى الكليب الذى على المسار إلى 


- 511065 1678 مKee:-‏ يتم عمل انقسام فى الكليب الذى على المسار إلى 
شريحتين مع إبقاء الشريحة باليسار فقط ومسح الشريحة باليمين 5 

- 511065 81014 مKee:‏ - يتم عمل انقسام فى الكليب الذى على المسار إلى شريحتين مع إبقاء الشريحة التى باليمين 
فقط ومسح الشريحة باليسار. 

اغا إضافة تأثيرات "211615" لمشهد الفيديو 

الضغط على تبويب "11615" للأنتقال إلى التاثيرات. ولحذف التأثير 

. Remove effect أختر‎ 


التقويم: - أكمل:- ..............تأثير يستخدم لعمل انقسام فى الكليب الذى على المسار إلى < 
شريحتين مع الأحتفاظ بهما. 


إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص عر رك 


1 اا 


التاريخ 
الحصة 
الفصل 
العصف الذهني - الحوار والمناقشة - 
التدريب العملي - التعلم التعاوني 


الوسائل التعليمية السبورة الإلكترونية - العرض 
التقديمي - برنامج OpenShot‏ 


سے : “لاني 
الوحدة الأولي (مواقع الويب) 
الدرس السابع -تابع إنشاء ومعالجة ملفات الفيديو 


الأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
» يضيف ( مراحل انتقالية/ نص) لمشاهد الفيديو. 
د يميزبين امتدادات ملف الفيديو. 


كيف يمكن إضافة مراحل إنتقالية ونص إلي ملف الفيديو؟ ° كي . 

لاا اكد ووو جام اراك لاسن وسو ون 

4 1 

ع gرض|اا‏ ÈŠĞدرس‏ أ / 

8 لإضافة مراحل إنتقالية 71305111015 لمشهد الفيديو: 6 و“ 

-الضغط على تبويب الإنتقالات” 113051110115" .© 
-الضغط مع السحب على أحد المراحل الأنتقالية وإضافته للمشهد المطلوب. 0 
-وضع المرحلة الأنتقالية فى بداية أو نهاية المشهد. 2 


-التحكم فى فترة زمنية لعرض المرحلة الإنتقالية بالضغط والسحب عليها لتقليل أو زيادة الفترة الزمنية لها بالعرض. 
لع إضافة نص إلى الفيديو 

- تحديد النصوص المطلوب إضافته إلى الفيديو. 

- تحديد مكان إضافة النص(فى بداية الفيديو- بين مشاهد الفيديو - فى نهاية الفيديو). 

- من قائمة ©7111 يتم أختيار ©7111 قيظهر المربع الحوارى التالى: 

- بالضغط على زر حفظ “ “52۷٥‏ لحفظ النص داخل ملف فى مجلد مشروع “۶۲٠٠”‏ . 

- يجب تسمية الملف النصى باللغة الأنجليزية. 

- يظهر الملف النصص فى ملفات المشروع ۴|٥5”‏ اع أ ز5:0” , 
ال تصدير الفيديو إلى ملف بأمتداد مناسب 

- الضغط على زرتصدير الفيديو ”15<0111/1060” فى القائمة الرئيسة "1700121 1/1310 ( أو من خلال قائمة ©ط1ا ثم 

E ("Export Video” اختيار‎ 

- يظهرالمربع الحوارى لتصدير الفيديو ۷٥٥”‏ 011م«ع" 

- تحديد اسم لحفظ ملف الفيديو ١137”‏ ٥ا۴"‏ 

- تحديد مكان حفظ الملف ”۴2۸ ت11]". 

- تحديد نوع امتداد ملف الفيديو ”12:06©1 ". 

- تحديد مستوى جودة الملف 01021107" ". 

- تصدير الفيديو بالضغط على زر تصدير الفيديو ١/1060"‏ 011م<27" . 
اهناك أنواع مختلفة من ملفات الفيديو ذات الأمتدادات المختلفة وتختلف من حيث المساحة التخزينية والجودة 


والنقاع. 
MP4 AVI‏ 
الجودة والنقاع يتميز بالجودة والنقاع آقل نقاء بالمقارنة ب الام 
حجم الملف سعته التخزينية كبيرة سعته التخزينية آقل 
التقويم: أكمل:- من أشهر امتدادات ملفات الفيديو..................... sek‏ 
إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص جيك رول 


aD o 1 


التاريخ 


الحصة 
الفصل 
لإستراتيجية الحوار والمناقشة - التدريب العملي - 
الإستراتيجية التعلم التعاوني 
الوسائل التعليمية السبورة الإلكترونية - العرض 


التقديمي - منسق نصوص 


الوحدة الثانية (إنشاع صفحات ويب بإستخدام ۸1 1۲) 
الدرس الأول -لغفة الترميز 


الأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 


»- يتعرف بعض ادوات انتاج صفحات المعلومات وخدمات الإنترنت. 


يدرك القواعد الأساسية لإنشاء صفحة ويب باستخدام )nlgرHTML.‏ 


" يميزالترتيب البنائي لإنشاء صفحة وييب بأوامر ا1۲ . 
كيف يمكن إنشاء صفحات موقع الويب باستخدام 1۲۸1 ؟ 


لغة الترميز _3000101206(!171/11 ا rexi Markup‏ erمH1yp):‏ ھی لغة تكويد تستخدم لإنشاء صفحات موقع الإنترنت 
الثابتة والتى يتم عرضها باستخدام أحد برامج مستعرضات الإنترنت '".......0010اء "Internet explorer - google‏ 


2 أوامرلغة 71/1]: 


000 20000 5 7 8 5 ° 0 ۹ 
لإنشاء صفحة ويب يتم استخدام اوامرلغة 11/1!!. وتسمى هذة الأوامربال 1305 ويقوم برنامج مستعرض الإنترنت , 


بتنفيذها ليظهر تأثير تلك الأوامر على صفحة المستعرض. 

3 نشاء صفحة ويب بإستخدام أوامر 1718/1]يجب اتباع القواعد الأساسية التالية: 
-إنشاء ملف نصى بإستخدام أحد برامج تحرير النصوص وذلك لكتابة أوامر 1۲١۷1‏ وتعديلها. 
- كتابة أوامر 1۲۷/1 حيث يتم وضع الأمربين العلامتين" <> ". 

- معظم الأوامر لها بداية " <> " ونهاية " < / > " 

- حفظ الملف النصى الذى يحتوى على أوامر !171/1 بإمتداد 101 أو ١Iہi.‏ 

- فتح الملف المحفوظ بإستخدام مستعرض الأنترنت لعرض صفحة الويب ومشاهدة نتيجة 
تنفيذها. 

- لايشترط أن تكتب أوامر 1۲/1 بحروف كبيرة |20112© أوصغيرة |5021. 

اللايقسم كود 1710/11 لقسمين رئيسين هما: 


- 620 !: المنطقة الخاصة بكتابة معلومات للمستعرض حول الصفحة مثل عنوان الصفحة. 


- /إل50: المنطقة الخاصة بكتابة المحتوى الذى سيظهر داخل الصفحة . 


الع إضافة عنوان لصفحة الويب: 
التقويم: أكمل: يحفظ الملف النصی الذى يحتوى على أوامر ١111/1!‏ بإمتداد E‏ 


إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص جيل 


ووووووووووو 


<HTML> 
<Head> 


ووووووووووووو 


<Body> 
</ Body> 
</HTML> 


| اا 


الحصة 
الفصل 


الاستراتيجية الحواروالمناقشة - التدريب العملي - 
ا التعلم التعاوني 
الوسائل التعليمية السبورة الإلكترونية - العرض 

“ التقديمي- منسق نصوص 


الوحدة الثانية (إنشاء صفحات ويب بإستخدام ۸1 1۲) 
الدرس الثاني -إضافة محتوي لصفحة الويب 


الأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
يضيف محتوي لصفحة الويب (نص-صو رة - فيديو -ارتباطات تشعبية.)...- 


ده ينسق محتوي صفحة الويب. 


» يدرج ارتباطات تشعبية داخل صفحة الويب / بين صفحات الموقع ٠‏ © : 

التمهيد: كيف يمكن إضافة نص إلي صفحة الويب؟ 

وي و يي O‏ : 

ٍ 1 

:عض ال درس | علي 

کا کو ممم ا امم ١ I o A‏ 
لالإضافة نص :- في الملف النصي يكتب النص داخل أمر </5001/> ... <إل0ط>. é".‏ 
لا تغييراتجاه صفحة الويب باستخدام الخاصية 011: / ۳ 
عند تصميم صفحة ويب ذات واجهة عربية يجب تغيير اتجاه الصفحة ليصبح اتجاه محتوى الصفحة من اليمين إلى اليسار ‏ "1 © , 
ليتلائم مع طبيعة اللغة العربية .ولتنفيذ ذلك تستخدم الخاصية ۲أ حيث يتحدد اتجاه صفحة الويب حسب القيمة کو 
المخصصة للخاصية !01:- ٠١‏ 0 
-> اأ اتجاه صفحة الويب من اليمين إلى اليسار. ( 
->1! اتجاه صفحة الويب من اليسار إلى اليمين. 


لا تنسيقات صفحة الويب: 
توجد العديد من التنسيقات التى يمكن تطبيقها على محتوى صفحة الويب حتى تبدو أكثر جاذبية » ويوجد من التنسيقات ما 
يطبق على النص بصفحة الويب ومايطبق على خلفية صفحة الويب. 
لاتنسيق النص يتضمن العديد من العلميات سوف نتاول منها: 
- الكتابة بداية من سطر جديد. 
- محاذاة النص. 
- وضع فراغات بين الكلمات. 
- تنسيق الخط من حيث ( النوع - الحجم - اللون - النمط) 
لاالكتابة بداية من سطر جديد بالأمر <5> 
لاتنسيق النص بصفحة الويب: محاذاة النص (توسيط ) بالأمر<1ء01عع> 
التقويم: أكمل: لتغيير اتجاه صفحة الويب من اليمين إلى 
اليسار sn‏ 
إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص ٤‏ - ۲ 


۴ سس ستاك 


الحصة 
الفصل 


الاستراتيجية الحوار والمناقشة - التدريب العملي - 
1 التعلم التعاوني 


الوسائل التعليمية السبورة الإلكترونية - العرض 
٠ ٠‏ التقديمي - منسق نصوص 


الوحدة الثانية (إنشاء صفحات ويب بإستخدام ۸1 ۸۲) 
الدرس الثالث -تنسيق صفحة الويب 


لأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
ه يضيف محتوي لصفحة الويب . 
يغير لون خلفية صفحة الويب. 


» يدرج صورة كخلفية لصفحة الويب. © : 
التمهيد: كيف يمكن إدراج صورة بصفحة الويب؟ 1-6 
ع ب 0 
| ا 
اعمعطلرضل ل ددرسن | U0‏ 
ل Ee GG GG‏ 5 ® 1 
ل إضافة فراغات بين الكلمات بالأمر :م8065 :- ا 
عند ترك أي عدد من المسافات بين الكلمات داخل ملف الأوامرسوف يتعامل معها مستعرض الإنترنت 0 
عند عرض الصفحة على أنها مسافة واحدة, وللتحكم في عدد المسافات (الفراغات ) بين الكلمات نستخدم : “e‏ 
الرمز:م 805 حيث يتم تكرار عدد الفراغات بين الكلمات. 0 
لاتحديد لون خلفية صفحة الويب: 0 
أ. تحديد لون كخلفية لصفحة الويب بالخاصية :هامءوط a‏ 


تستخدم الخاصية 00101 التابعة للأمر</ا00> لتحديد لون خلفية صفحة الويب 
الجدول التالى يحتوى بعض أسماء الألوان يمكن استخدامها كقيمة للخاصية :6010 و0: 


لا وضع صورة كخلفية صفحة الويب: 

آ. وضع صورة كخلفية لصفحة الويب بالخاصية 10اناه10وكاء2: 

لوضع صورة كخلفية لصفحة الويب تستخدم الخاصية 032!201010170 التابعة للأمر</ا00>. 

لا إدراج صورة باستخدام الأمر<120>: 

لإدراج صورة فى صفحة الويب يتم استخدام الخاصية ٠١‏ التابعة للأمر<1770> ويتطلب ذلك تحديد اسم ملف الصورة ومكان 
حفظه 

التقويم: أكمل:- لإدراج صورة فى صفحة الويب يتم استخدام الخاصية 5۲٥١‏ التابعة للأمر o‏ 


إعدادوتصميم / جروب فريق أصدقاء الكمبيوتر المتخصص 11-11 


5 ا 


الحصة 
الفصل 


الاستراتيجية الحوار والمناقشة - التدريب العملي - 
لخاد التعلم التعاوني 
الوسائل التعليمية السبورة الإلكترونية - العرض 
٠ ٠‏ التقديمي - منسق نصوص 


الوحدة الثانية (إنشاء صفحات ويب بإستخدام ۸1 ۸۲) 
الدرس الرابع -تنسيق الخط في صفحة الويب 


الأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 


ينسقالخط في صفحة الويب. ° © : 
ده يحفظ صفحةالويب. 
٠‏ يعرض صفحة الويب من خلال المستعرض. e‏ 
التمهيد: كيف يمكن تنسيق الخط بصفحة الويب؟ ® 
e: a‏ 
1 / ان 
ع gŠرض‏ ال ÈŠدرس‏ | 2 
لا تنسيق الخط: 8 و 
۶ © 
من خلال الأمر ٥٣۲<‏ ۴> وله مجموعة من الخصائص منها:- 0۹ 
- نوع الخط ٥ء .۴a‏ خو 
- لون الخط .©60١0:‏ 55 و 5 
head 1 5 5‏ 0007 
- حجم الخطع512. بويج 
->يتعرف المستعرض على ۷ أحجام مختلفة من الخطوط والتي يتم 
<font facez"andalus" colorz"red" sizez"6") 7 5 yT 2 10 5‏ 
تحديدها بواسطة الخاصية ©5126 حيث تتراوح قيمة هذه الخاصية من االى ۷ عدرستي جعيلة ونظيقة وخطوءة 
0 فل اق 
-> في حالة عدم استخدام الأمر 10171 يظهرنوع الخط على صفحة الويب بالشكل 1 
الافتراضي. دلساطر» 


-> يوجد العديد من الأوامر التي من خلالها يتم تنسيق الخط ومنها الأوامر الموضحة بالجدول التالي: 
<> وضع خط تحت النص (مسطر (Underline‏ 


ظ <b>‏ خط عريض (8010) ظ 
<i>‏ خط مائل ((1421) ظ 


3 أ لخط ماد ع لذ 
: 2 ما ډدددنحد مر 211111110110110 
لھ : 1 7 
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الحصة 
الفصل 
التعلم التعاوني 


الوسائل التعليمية السبورة الإلكترونية ‏ العرض 
٠ ٠‏ التقديمي - منسق نصوص 


الوحدة الثانية (إنشاء صفحات ويب بإستخدام ۸1 ۸۲) 
الدرس الخامس -إضافة وسائط متعددة لصفحة الويب 


الأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
* يدرج صورة إلي صفحة الويب. 
« يتحكم في أبعأد الصورة. 
" يتعرف مهارات التعامل مع الصوربصفحة الويب. 


2 . 
التمهيد: ماذا نعني بالوسائط المتعددة؟ 
كت د كدح دا كا كك دكاو حورم كاد احا ءاضر ٠‏ 
1 ٍ 
ر عض ال درس 0 
14 ا SSIS SSS SSS‏ 0 
ل التعامل مع الصورفى صفحات الويب:- .® 
إدراج صورة باستخدام الأمر<و > lg ٠‏ 
لإدراج صورة فى صفحة الويب يتم استخدام الخاصية ۲١‏ التابعة للأمر <1:70> ويتطلب ذلك تحديد اسم ملف الصورة .. 
ومكان حفظه. 1 لي 
تنسيق الصور فى صفحات الويب: ec‏ 
.١‏ التحكم فى أبعاد الصورة بصفحة الويب. و 
يمكن تنسيق الصورة المدرجة بالتحكم فى ابعادها (الأرتفاع والعرض) ومحاذاتها بالنسبة لصفحة الويب. a‏ 


يتم التحكم فى أبعاد الصورة من خلال خصائص الأمر <و" |> كالأتى: 
- الخاصية 1و1( ارتفاع الصورة ) مثال heigh=”200”‏ 
- الخاصية ١٤لاس(‏ عرض الصورة ) مثال ”300”= wid†۸‏ 
ويتم استخدام وحدة القياس البكسل “"اع<اط" لقياس ابعاد الصورة. 
تنسيق الصورفى صفحات الويب: 
.١‏ محاذاة الصورة داخل صفحة الويب 
يتم التحكم فى محاذاة الصورة من خلال الخاصية ”واه للأمر <و"أ>» وتأخذ الخاصية القيم الآتية: 


القيمة الوظيفة 
Right‏ محاذاة الصورة لأقصى يمين صفحة الويب 
Middle‏ النص يقع بمحاذاة منتصف الصورة 
النص يقع بمحاذاة الحافة السفلى للصورة 
Top‏ النص يقع بمحاذاة الحافة العليا للصورة 
التقويم: أكمل:- يتم التحكم فى محاذاة الصورة من خلال الخاصية O‏ 
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۴ ا 


الحصة 
الفصل 
الإستراتيجية الحواروالمناقشة - التدريب العملي - 


التعلم التعاوني 


الوسائل التعليمية السبورة الإلكترونية - العرض 
٠ ٠‏ التقديمي - منسق نصوص 


الوحدة الثانية (إنشاء صفحات ويب بإستخدام ۸1 ۸۲) 
لدرس السادس -إضافة وسائط متعددة وارتباط ترذ 


الأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 
* يدرج صوت كخلفية إلي صفحة الويب. 
يضيف فيديوإلي صفحة الويب 
د يتقن مهارة| إضافة إرتباط تشعبي 


التمهيد: ماذا نعني بالإرتباطات التشعبية؟ 


لاالتعامل مع الصوت فى صفحات الويب: 

إدراج الصوت كخلفية صوتية لصفحة الويب بالأمر <0ناه5وط> 

يمكن إدراج الصوت كخلفية لصفحة الويب حيث يتم الاستماع إليه عند تحميل صفحة الويب بالمستعرض. 

برنامج مستعرض الإنترنت1011 عا Internet‏ هو المستعرض الوحيد الذي يدعم تنفيذ الأمر 0905010170 لإدراج الصوت 
كخلفية صوتية لصفحة الويب ولا يظهر تأثير هذا الأمرمع الأنواع الأخري من المستعرضات 

لاالتعامل مع الفيديو داخل صفحة الويب: 

إدراج فيديو داخل صفحة الويب باستخدام الأمر<لء 61> 

باستخدام الأمر <۵ ٠ط‏ ه> يتم ادراج الفيديو فى صفحة ملفات الفيديو من النوع ( .170١/‏ - ا/ا2. - آلا5. ) 

بإستخدام الأمر< 70> والخاصية 5۲٥‏ المصاحبة له يتم إدراج الفيديو. قيمة الخاصية 5۲٥‏ تأخذ اسم ملف الفيديو 
وامتداده. 


ل الأرتباط التشعبى :Hyperlink‏ 

الأرتباط التشعبى عبارة عن صورة أو نص مرتبط بعنوان وعند الضغط عليه يتم الأنتقال إلى هذا العنوان ويمكن أن يكون 
داخل نفس الصفحة أو بصفحة أخرى داخل نفس الموقع أو فى موقع اخر. 

أدراج ارتباط تشعبى Hyperlink‏ 

لإدراج ارتباط تشعبى تستخدم الخاصية ٠۲٠‏ للأمر<3> والتى تحدد قيمتها العنوان المطلوب الإنتقال إليه. 

لكى تصبح صورة ارتباط تشعبى يجب اتباع التالى: 

-إظهارالصورة بأستخدام الأمر<1:9> 

-وضع أمرالصورة <170> داخل الأمر <ة /> .........<2>وذلك لتحويلها إلى ارتباط تشعبى 


<2/> وزارة التريية والتعليم < ن <a‏ 


يظهر كنتص فحاتق 5 
عنوات موقع الوزارة 
5 1 وي صفحة الويب - 
التقويم: أكمل:- لإدراج ارتباط تشعبى ir‏ المطلوب الانتقال إليه 


أمر الارتباط التشعبي | <2/>... < <a href=.....‏ 
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| رحا 


الإستراتيجية 


التمهيد: 


الوسائل التعليمية السبورة الإلكترونية - العرض 


الحصة 
الفصل 


الحواروالمناقشة - التدريب العملي - 
التعلم التعاوني 


التقديمي - منسق نصوص 


الوحدة الثانية (إنشاء صفحات ويب بإستخدام ۸1 ۸1۲) 
الدرس السابع -المش روعات 


الأهداف الإجرائية: نهاية الدرس ينبغي أن يكون الطالب قادرا علي أن:- 


* يحددعدد صفحات الموقع من التخطيط التفصيلي لموقع الويب. 


« ينشئ صفحات الموقع المختلفة بلغة4178/11ا. 
٠‏ يدرج ارتباط تشعبي بين صفحات الموقع 


كيف يمكن إنشاء موقع ويب؟ 


0 إنشاء مشروع "موقع مدرستي :- 


Eê 


عن المدرسة ألبوم الصور الرؤية والرسالة 
عي عة فة -. | ¬ رؤية المدرسة: 
7 7 ييا ال Pars‏ 
جد ال الرسالةة 
> ا + Ea‏ عه 


تخطيط تفصيلي لمشروع موقع مدرستي* 


من التخطيط التفصيلي للموقع يتضح أنه مكون من خمس صفحات ويب وهي كالآتي:- 
-١‏ صفحة الويب الرئيسية "مدرستي" 
؟- صفحة الويب "عن المدرسة" 
“'- صفحة الويب "ألبوم الصور" 
-٤‏ صفحة الويب "الرؤية والرسالة" 
وسوف يتم إنشاء وحفظ كل صفحة ويب داخل ملف نصي بأستخدام أوامر .1۲١۷1-‏ 
كود صفحة الويب كما يلي: <head>‏ 


التقويم: 


| 1 0 


611 / >مدرستي <61161> 

</head> 

<body bgcolor="skyblue"” dir="rtl"> 

<center> 

<font face-"tahoma” color="red” size-"6”> يya-nyدa</font>‎ 
<br> 

<font face—-"andalus” color—" purple” size—"5"> 

<a href-"home. htm” >ãيسيٍiرلا الصفحة‎ </a>&nbsp; &nbsp; 
<a href-"about. ht ¬” >Ãnıردملا عن‎ </a> &nbsp; &nbsp; 
<a href-"photo. htn” > آليوم الصور‎ </a>&nbsp; &nbsp; 
<a href-="photo.htm”>ãllıرلlو الرؤوية‎ </a>&nbsp; &nbsp; 
<a href-"contact. htn” >liڊ -<ه/>اتصل‎ 

<br><br> 

<img src-"school.png” height="450° width=" 800°> 
</center> 


</body> 


تقييم مشروعات الطلاب E‏ 
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١ 


الوسائل التعليمية السبورة الإلكترونية - العرض 
٠ “‏ التقديمي - منسق نصوص 


لوحدة الثانية (إنشاء صفحات ويب بإستخدام ۸1 ۸1۲) 
الدرس الثامن -المشغروعات 


الأهداف الإجرائية: بنهاية الدرس ينبغي أن يكون طالب قادرا علي أن:- 
٠‏ يضيف صورة إلي صفحة الويب 


٠‏ يدرج ارتباط تشعبي بين صفحات الموقع 
ده يحفظ صفحةالويب 


التمهيد: كيف يمكن إنشاء موقع ويب؟ 


0 كود الصفحة:- 


<head> 
<1618)/>مدرستي<01018>‎ 
</head> 

<body bgcolor='skyblue'> 


<center> 
<font face- tahoma'’ color-'red' size-'6'> 


تقييممشروعا الطلاب 
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